<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta charset="utf-8">
   	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/bbsindex.css">
    <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
    <link rel="stylesheet" href="fontawesome/css/font-awesome.min.css">
    <title>车宇宙论坛</title>
</head>

<body>
	<div class="bbsindex-headbg">
    	<ul class="bbsindex-head">
        	<li><a href="#">HI,请登录</a></li>
            <li class="bbbs-fr"><a href="#">网站导航<i class="fa fa-caret-down"></i></a></li>
            <li class="bbbs-fr"><a href="#">个人中心</a></li>
            <li class="bbbs-fr"><a href="#">论坛首页</a></li> 
            <li class="bbbs-fr"><a href="#">车宇宙首页</a></li>
        </ul>
    </div>
	
    <div class="headwhole-bg">
        <div class="bbsindex-logo">
        	<a href="#"><img src="images/head.png" /></a>
            <div class="bbsindex-logoip">
            	<input class="form-control" placeholder="请输入搜索内容"/>
                <a href="javascript:void(0);"><i class="fa fa-search"></i></a>
            </div>
        </div>
        
        <a class="head-adv" href="#">
        	<img src="images/advti.jpg" />
        </a>
        
       
        <div class="bbsindex-title">
        	<ul class="bbsindex-theme">
            	<li class="fold ssjx">收起</li>
            	<a href="#"><li class="allnative">全部</li></a>
            	<a href="#"><li>爱车达人<span>149</span></li></a>
                <a href="#"><li>新手攻略<span>149</span></li></a>
                <a href="#"><li>卖车分享<span>149</span></li></a>
                <a href="#"><li>买车分享<span>149</span></li></a>
                <a href="#"><li>好车推荐<span>149</span></li></a>
                <a href="#"><li>汽车大咖<span>149</span></li></a>
                <a href="#"><li>车友生活<span>149</span></li></a>
                <a href="#"><li>快报<span>149</span></li></a>
                <a href="#"><li>车主故事【专栏】<span>149</span></li></a>
                <a href="#"><li>自驾游&amp;聚会<span>149</span></li></a>
                <a href="#"><li>随便聊聊<span>149</span></li></a>
                <a href="#"><li>吐槽<span>149</span></li></a>
             </ul>

            
            <div class="bbsindex-list">
           			<div class="bbsindex-listtitle">
                    <ul class="themeall">
                        <li id="themeclick"><a href="javascript:void(0);">全部主题</a><i class="fa fa-caret-down"></i></li>
                        <li><a href="#">最新</a></li>
                        <li><a href="#">热门</a></li>
                        <li><a href="#">热帖</a></li>
                        <li><a href="#">精华</a></li> 
                    </ul>
                     <dl class="themeallnone">
                            	<dt></dt>
                            	<a href="#"><dd>全部主题</dd></a>
                                <a href="#"><dd>投票</dd></a>
                                <a href="#"><dd>活动</dd></a>
                     </dl>
                     <div class="newtime">发帖/最新回复时间</div>   
                     <div class="author">作者/最新回复</div>
                </div>
                 <div class="bbsindex-listcontent">
                	<div class="bbsindex-listcw">
                        <ul class="bbs-listcwtop">
                            <li class="bbswa"><span class="offtop">置顶</span></li>
                            <li class="bbswb">
                            	<span>[新手攻略]</span> 
                                <a href="#">2015车宇宙社区【年度大盘点】 多亏有你，精彩乐不停…</a>
                            </li>
                            <li class="bbswc"><i class="facea"></i>愤怒的小鸟</li>
                            <li class="bbswd">2016-03-08 18:38</li>
                        </ul>
                        
                         <ul class="bbs-listcwtop bbs-liststyle">
                            <li class="bbswa"><span class="indexnum">1073</span></li>
                            <li class="bbswb">
                            	<span>[新手攻略]</span> 
                                <a href="#">2015车宇宙社区【年度大盘点】 多亏有你，精彩乐不停…</a>
                                <p class="bbs-ip">我一直买买一辆SUV，但是只有5万左右的钱，想问一下有这个价</p>
                            </li>
                            <li class="bbswc">
                            	<i class="faceb"></i>愤怒的小鸟
                           		<p class="bbs-ipt"><i class="facec"></i>小七</p>
                            </li>
                            <li class="bbswd">2016-03-08 18:38</li>
                        </ul>
                        
                       
                         <ul class="bbs-listcwtop bbs-liststyle">
                            <li>版块主题<i class="faced" onclick=""></i></li>
                        </ul>
                        
                        <ul class="bbs-listcwtop bbs-liststyle">
                            <li class="bbswa"><span class="indexnum">1073</span></li>
                            <li class="bbswb">
                            	<span>[新手攻略]</span> 
                                <a href="#">2015车宇宙社区【年度大盘点】 多亏有你，精彩乐不停…</a>
                                <p class="bbs-ip">我一直买买一辆SUV，但是只有5万左右的钱，想问一下有这个价</p>
                            </li>
                            <li class="bbswc">
                            	<i class="faceb"></i>愤怒的小鸟
                           		<p class="bbs-ipt"><i class="facec"></i>小七</p>
                            </li>
                            <li class="bbswd">2016-03-08 18:38</li>
                        </ul>
                        
                        
                        <ul class="bbs-listcwtop bbs-liststyle">
                            <li class="bbswa"><span class="indexnum">1073</span></li>
                            <li class="bbswb">
                            	<span>[新手攻略]</span> 
                                <a href="#">2015车宇宙社区【年度大盘点】 多亏有你，精彩乐不停…</a>
                                <p class="bbs-ip">我一直买买一辆SUV，但是只有5万左右的钱，想问一下有这个价</p>
                            </li>
                            <li class="bbswc">
                            	<i class="faceb"></i>愤怒的小鸟
                           		<p class="bbs-ipt"><i class="facec"></i>小七</p>
                            </li>
                            <li class="bbswd">2016-03-08 18:38</li>
                        </ul>
                        
                        
                        <ul class="bbs-listcwtop bbs-liststyle">
                            <li class="bbswa"><span class="indexnum">1073</span></li>
                            <li class="bbswb">
                            	<span>[新手攻略]</span> 
                                <a href="#">2015车宇宙社区【年度大盘点】 多亏有你，精彩乐不停…</a>
                                <p class="bbs-ip">我一直买买一辆SUV，但是只有5万左右的钱，想问一下有这个价</p>
                            </li>
                            <li class="bbswc">
                            	<i class="faceb"></i>愤怒的小鸟
                           		<p class="bbs-ipt"><i class="facec"></i>小七</p>
                            </li>
                            <li class="bbswd">2016-03-08 18:38</li>
                        </ul>
                        
                         <div class="buycar-pages">
                             <div id="page">
                                 <p>首页</p>
                                 <p>上一页</p>
                                 <a href="?city=hangzhou&amp;brand=benz&amp;page=1" title="第1页" class="cur">1</a>
                                 <a href="#" title="第2页">2</a>
                                 <p>下一页</p>
                                 <p>尾页</p>
                             </div>     
                        </div>
                        
                	</div>
            	</div>
                <div class="quickpost">
                	<div class="bm_h">快速发帖</div>
                    <div class="bm_c">
                        <select class="quickpost-select">
                            <option>选择分类主题</option>
                            <option>卖车分享</option>
                            <option>买车分享</option>
                            <option>好车推荐</option>
                            <option>汽车大咖</option>
                            <option>车友生活</option>
                            <option>车主故事【专栏】</option>
                            <option>自驾游&聚会</option>
                            <option>随便聊聊</option>
                            <option> 吐槽</option>
                        </select>
                        <input type="text"  class="quickpost-input"  name="quickpost-input" id="quickpost-input" maxlength="80" />
                        你可以输入<span id="shownum">0</span>/80字符
                    </div>
                    
                    
                    <div class="bm_d">
                    	<div class="loginreg">
                            <a href="">登录</a>
                            <a href="">注册</a>
                        </div>    
                    </div>
                    
                    <div class="bm_e">
                    	<button type="submit">发表帖子</button>
                    </div>
                </div>
            </div>
      </div>
      
      
       <!--底部-->
    <div class="footer">
    
          <div class="index-promise">
            <ul>
                <li>
                    <span>专业顾问陪同看车</span>
                    <p>1对1全程陪你找车看车验车</p>
                </li>
                <li>
                    <span>极致检测标准</span>
                    <p>最真实的车况检测结果</p>
                </li>
                <li>
                    <span>2年/4万公里售后质保</span>
                    <p>部分部件保额保修，省时省心</p>
                </li>
                <li>
                    <span>一站式代办服务</span>
                    <p>过户、上牌、一条龙服务</p>
                </li>
            </ul>
         </div>
    
    	<div class="footer-contain">
        	<ul class="footer-contain-left">
            	<li>
                    <ul>
                        <li><strong>关于我们</strong></li>
                        <li><a href="#">公司介绍</a></li>
                        <li><a href="#">加入我们</a></li>
                        <li><a href="#">联系我们</a></li>
                    </ul>
                </li>
                
                <li>
                    <ul>
                        <li><strong>交易流程</strong></li>
                        <li><a href="#">购车流程</a></li>
                        <li><a href="#">卖车流程</a></li>
                        <li><a href="#">过户流程</a></li>
                    </ul>
                </li>
                
                <li>
                    <ul>
                        <li><strong>服务保障</strong></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">购车指南</a></li>
                    </ul>
                </li>
               
            </ul> 
            
            <div class="footer-contain-img">
            	<img src="images/ewm.png" />
            	<strong>关注我们</strong>
                <p>随时随地查看好车</p>
				<p>精品二手车，品质更放心</p>
            </div>
            
            <div class="footer-contain-tel">
            	<img src="images/tel-ico.png" />
                <strong>400-0975-588</strong>
                <p>免费咨询（咨询、建议、投诉）</p>
				<p>周一至周五 8：00-18：00</p>
            </div>   
        </div>
    </div>
	
    <div class="bottom-version">Copyright © 2015, yuzhouche.com. All Rights Reserved. 浙ICP备 14041345号</div>
  
      
    </div>
  
  	
 	<script>
    	$(function(){
			//伸缩展开	
				$(".bbsindex-title .fold").click(function(){
					var t=$(this).text();
					if(t=="收起"){	
						$(".bbsindex-theme li:gt(9)").hide(); 
						$(this).text("展开");
						$(".ssjx").css("background-position","0 -14px");
					}
					else{
						$(".bbsindex-theme li:gt(9)").show(); 
						$(this).text("收起");
						$(".ssjx").css("background-position","0 0");
						}
				});
				
			//选择		
				$(".bbsindex-title ul a").click(function(){
					 $(this).children('li').addClass('allnative');
					 $(this).siblings().children('li').removeClass('allnative');
					})			
		
			
			//消失
			
			$("#themeclick").click(function(event){
				$(".themeallnone").toggle();
				return false;
				});
				
			$(document).click(function(event){
                  var _con = $(".themeallnone");   // 设置目标区域
                  if(!_con.is(event.target) && _con.has(event.target).length == 0){ // Mark 1
                    $(".themeallnone").hide();
                  }
				});	
				
				
			//字数统计
			 $("#quickpost-input").keyup(function(){//表示输入之后不再输入的时候触发的事件
				var len=$("#quickpost-input").val().length;
				$("font").remove();
				$("color").remove();
				if(len>80)
				{
					$("#quickpost-input").after("<font color=\"red\">超过范围</font>");
					$("#quickpost-input").attr({maxlength:"80"});
					$("#quickpost-input").css("color","red");
				}
				else
				{
					$("#quickpost-input").css("color","");
				}
			
			  $("#shownum").html("<span id=\"shownum\">"+len+"</span>");
			
		  })
		  
	}) 
    
    </script>   
</body>
</html>
